<link rel="import" href="../../../components/firebase-element/firebase-collection.html">
<link rel="import" href="../contact-card/contact-card.html">

<dom-module id="friend-list">
  <link rel="import" type="css" href="friend-list.css">
  <template>
    <firebase-collection data="{{data}}"
                      location="https://users1.firebaseio.com/users">
    </firebase-collection>
    <template is="dom-repeat" items="{{data}}">
      <contact-card starred="{{item.starred}}">
        <img src="{{item.img}}">
        <span>{{item.name}}</span>
      </contact-card>
    </template>
  </template>
  <script>
    Polymer({
      is: 'friend-list'
    });
  </script>
</dom-module>
